.all_wrap{
    position: relative;
     width:100%;
     height:100%;
     background: #fff;
     .bgpic{
         height: 717px;
         width: 100%;
         background-image:url(../img/login/bg.png);
         background-size: cover;
     }
     .main{
         position: absolute;
         top:50%;
         left:50%;
         transform: translateY(-50%) translateX(-50%);
         .left{
            .up {
                width: 425px;
                height: 122px;
                background: url(../img/login/word.png);
                background-size: cover;
            }

            .down {
                margin-top: 32px;
                width: 390px;
                height: 260px;
                background: url(../img/img_bg.png);
                background-size: cover;
                position: relative;

                .a1 {
                    color: rgba(255, 255, 255, 1);
                    line-height: 28px;
                    font-size: 18px;
                    position: absolute;
                    width: 230px;
                    top: 95px;
                    left: 80px
                }

                .a2 {
                    color: rgba(36, 96, 197, 1);
                    font-size: 16px;
                    position: absolute;
                    bottom: 30px;
                    left: 150px;
                    line-height: 30px;
                    text-align: center;
                    width: 100px;
                    height: 30px;
                    cursor: pointer;
                }
            }
         }
         .right{
             background: url(../img/login/bg1.png);
             background-size:cover;
             padding:48px 40px 0;
             width: 420px;
             height: 460px;
             .comBlock{
                 width: 272px;
                 margin:0 auto;
             }
             .first{
                margin-top: 100px;
             }
             .title{
                 .a{
                     width:60px;
                     height: 60px;
                     margin-right:20px;
                     background-image: url(../img/login/logo.png);
                     background-size: cover;
                 }
                 .b{
                     span{
                         display: block;
 
                     }
                     .c{
                         font-weight:bold;
                         color:rgba(67,127,229,1);
                         font-size: 24px;
                         margin-top:8px;
                         line-height: 1;
                     }
                     .d{
                         color:rgba(67,127,229,1);
                         font-size: 14px;
                         margin-top:9px;
                     }
                 }
             }
             .hPic{
                 margin-top:40px;
                 padding-bottom: 10px;
                 border-bottom: 1px solid rgba(201,201,201,1);
                 width: 100%;
                 span{
                     display: block;
                 }
                 .a{
                     width:16px;
                     height: 16px;
                     margin-left:17px;
                 }
                 .b{
                     color:rgba(102,102,102,1);
                     font-size: 12px;
                     line-height: 16px;
                     padding:0 15px 0 10px;
                 }
                 .c{
                     font-size: 12px;
                     line-height: 16px;
                     flex: 1;
                 }
                 .js_code{
                     width:100px;
                     height: 20px;
                     line-height: 20px;
                     text-align: center;
                     background: #4089db;
                     color: #fff;
                     border-radius: 5px;
                 }
                 .js_code1{
                     background: rgba(229,229,229,1) ;
                     color:rgb(102,102,102)
                 }
                 .code{
                     margin-left:16px;
                 }
                 .phone{
                     background-image: url(../img/login/2icon01.png);
                     background-size: cover;
                 }
                 .ma{
                     background-image: url(../img/login/2icon02.png);
                     background-size: cover;
                 }
                 .user{
                     background-image: url(../img/login/user.png);
                     background-size: cover;
                 }
                 .mad{
                     background-image: url(../img/login/iicon.png);
                     background-size: cover;
                 }
              
             }
             .reBtn{
                 height:40px;
                 background:rgba(60,155,237,1);
                 border:1px solid rgba(229,229,229,1);
                 border-radius:5px;
                 width: 100%;
                 color:rgba(255,255,255,1);
                 font-size: 16px;
                 text-align: center;
                 line-height: 40px;
                 margin-top:30px;
             }
             .word{
                 width:272px;
                 margin:0 auto;
                 color:rgba(64,137,219,1);
                 line-height: 1;
                 margin-top:10px;
                 font-size: 12px;
         
             }
            
             
             .five{
                 width:272px;
                 margin:80px auto 0;
               
             }
         }
     }
 }